<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<title>TMPL</title>
	<meta name="generator" content="17top"/>
	<meta name="author" content="TAIPING"/>
	<meta name="copyright" content="Copyright 2012-2013 taiping&17top.com all right reserved"/>
	<link href="assets/css/default/default.css" type="text/css" rel="stylesheet"/>
	<link href="assets/css/common.css" type="text/css" rel="stylesheet"/>
	<link href="assets/css/nivo-slider.css" type="text/css" rel="stylesheet"/>
	<link href="assets/css/font-awesome.min.css" type="text/css" rel="stylesheet"/>
	<!--[if lt ie7]>
	<link href="assets/css/font-awesome.ie7.min.css" type="text/css" rel="stylesheet"/>
	<![if ie7]-->
	<link rel="stylesheet/less" href="assets/less/style.less">
	<script src="assets/js/jquery.min.js"></script>
</head>
<body>
	<div class="m-bd m-banner f-cb">
	    <div class="slider-wrapper theme-default">
	        <div id="slider" class="nivoSlider">
	            <img src="assets/pic/1.jpg" data-thumb="assets/pic/1.jpg" alt="" title="夫唯：易企是专心致志为SEO而设计的企业网站程序"/>
	            <a href="javascript:void();">
	            	<img src="assets/pic/2.jpg" data-thumb="assets/pic/2.jpg" alt=""  title="#htmlcaption" />
	            </a>
	            <img src="assets/pic/3.jpg" data-thumb="assets/pic/3.jpg" alt="" title="夫唯：易企是专心致志为SEO而设计的企业网站程序"/>
	        </div>
	        <div id="htmlcaption" class="nivo-html-caption">
	            <a href="javascript:void(0);">极致：网站程序压缩包仅807K</a>. 
	        </div>
	    </div>
	</div><!-- / -->
</body>
<script src="assets/js/jquery.nivo.slider.js"></script>
<script src="assets/js/less.js"></script>
<script>
	$(function(){
		$("#slider").nivoSlider({
	        effect: 'random',
	        slices: 15,
	        boxCols: 8,
	        boxRows: 4,
	        animSpeed: 500,
	        pauseTime: 3000,
	        startSlide: 0,
	        directionNav: true,
	        controlNav: false,
	        controlNavThumbs: false,
	        pauseOnHover: true,
	        manualAdvance: false,
	        prevText: 'Prev',
	        nextText: 'Next',
	        randomStart: false,
		});
		$(".m-touch>ul.touch-tab>li").click(function(){
			$(this).addClass('hover').siblings().removeClass('hover');
			$(".m-touch>ul.touch-content>li").eq($(this).index()).addClass('active').siblings().removeClass('active');
		})
	})
</script>
</html>